Skip to main content

MetaWall 社群平台開發

關於此 Side Project​

  • 這是一個參加六角學院 Node.js 企業專班成果作品，課程時間為八週，另外 有 4 週的時間做專案開發。
  • 開發人員組成：前端 4 人，後端 5 人，大家都是在職進修，利用下班後的時間開發。

關於 Metawall​

Metawall 是一個旨在將社交體驗推向更高層次的平台，將 Instagram 和 Facebook 的魅力融入其中，為您帶來前所未有的交流樂趣。 用戶可以在上面建立自己的社群資料，也可以與其他朋友一起在上面互動：留言、討論、上傳照片、即時聊天室。

使用技術​

  • node.js
  • express
  • mongoDB
  • JWT
  • Imgur
  • Google 第三方登入
  • AWS

功能開發說明​

  • 後端使用 Node.js + Express 框架，建立 Restful API 給前端串接
  • 資料庫 MongoDB
  • 前端使用 Vue + pinia 開發
  • 使用JWT做前後端 token 驗證
  • 後端程式部署在 fly.io
  • 第三方登入：包含 Discord/Line/Google/Facebook
  • WebSocket 聊天室
  • 藍新金流串接金流服務
  • AWS 架構圖
  • DNS：透過 Cloudflare 做 DNS 轉址的設定與取得免費的 SSL/TLS 憑證做更安全的 HTTPS 連線。
  • 前端：把 Vue3 的程式碼部署在 AWS S3 靜態儲存庫
  • 後端：把 Node.js API 部署在 AWS EB 容器內，在服務跑起來的時候，會起一個 EC2 執行體。
  • 資料庫：MongoDB Atlas

連結​

功能說明​

  • 動態牆

  • 追蹤名單

  • 收藏貼文

  • 修改個人檔案

  • 第三方登入 Google, LINE, Discord, Facebook

  • 忘記密碼

  • 付款功能，串藍心金流支付

  • 聊天功能

  • 文字編輯器

  • 圖片上傳